<template>
  <div>
      <router-view></router-view>
     <van-tabbar class="tabbars" route>
       <van-tabbar-item  to='/home/index'>
          <i slot="icon"  class="toutiao toutiao-shouye"></i>
          <span class="text">首页</span>
      </van-tabbar-item>
        <van-tabbar-item to='/home/questions' >
          <i slot="icon" class="toutiao toutiao-wenda" ></i>
          <span class="text">问答</span>
      </van-tabbar-item>
        <van-tabbar-item to='/home/video'>
          <i slot="icon" class="toutiao toutiao-shipin" ></i>
          <span class="text">视频</span>
      </van-tabbar-item>
        <van-tabbar-item to='/home/my'>
          <i slot="icon"  class="toutiao toutiao-wode" ></i>
          <span class="text">我的</span>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  mounted () {},
  methods: {}
}
</script>

<style lang="less" scoped>
.tabbars{
    color: #707070;
    .toutiao{
        font-size: 40px;
    }
    .text{
        font-size: 20px;
    }
}
</style>
